<!DOCTYPE html>
<html>
    <head>
		<meta charset="UTF-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
        <title>FlipTrack: Testing af CSS3 menu</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        
        <link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.css" />
        
        <link rel="stylesheet" type="text/css" href="fonts/fonts.css" />
		<link href='http://fonts.googleapis.com/css?family=Alegreya+SC:700,400italic' rel='stylesheet' type='text/css' />
		
		<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
		<script src="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.js"></script>
		<script type="text/javascript" charset="utf-8" src="customSolutions/myMedia.js"></script>
		
    
		
    </head>
    <body onload="onLoad()">
    	<div data-role="content" class="testContent">
        <h1 style="text-align:center;">Audio Player</h1>
   <p id="audio_position">0.000 sec</p>
   <p>
	   <select id="playlist" onchange="updateMedia()">
	        <option checked value="/android_asset/www/music/Marcus.mp3">Asset</option>
	        <option value="test.mp3">SD Card</option>
	        <option value="http://audio.ibeat.org/content/p1rj1s/p1rj1s_-_rockGuitar.mp3">Internet</option>
	        <option value ="/android_asset/www/music/Black.mp3">Predators-2010</option>
	   </select>
   </p>
   <a href="#" onclick="playAudio()"><img id="play" src="images/play.png"></a>
   <a href="#" onclick="stopAudio()"><img id="stop" src="images/stop.png"></a>
   </div>
   
   
   <div data-role="footer" class="footermain" data-id="myfootermain" data-position="fixed">
<a href="about.html" data-icon="info" data-transition="slideup" class="ui-btn-right">About</a>
                <h1>Biancoolware ®</h1>
        </div>
   
   
    </body>
</html>